.container {
  min-width: 60px;
  min-height: 60px;
  height: auto;
  width: auto;
  transform: rotateZ(135deg) skew(10deg, 10deg);
  background: #7171e4;
  .main {
    max-width: 100px;
    transform: rotateZ(-135deg);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    .label {
      text-align: center;
      padding: 2px;
    }
  }
  .main::after {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
